<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>非模块化方式使用layui</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/main.css">
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">中建交通BIM系统</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item">
                    <a href="index.html">首页</a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="" style="width:60px">控制台
                        <span class="layui-badge">9</span>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a href="">退出登录</a>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll" lay-filter="test">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree ">
                    <li class="layui-nav-item ">
                        <a class="" href="javascript:;">项目管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="projectStatistics.html">项目信息统计</a>
                            </dd>
                            <dd>
                                <a href="projectRegister.html">项目信息登记</a>
                            </dd>
                            <dd>
                                <a href="projectReply.html">项目审核批复</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">进度管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="progressPlan.html">项目进度计划</a>
                            </dd>
                            <dd>
                                <a href="progressFill.html">施工情况填报</a>
                            </dd>
                            <dd>
                                <a href="progressPlanall.html">项目进度一览</a>
                            </dd>
                            <dd class="layui-this">
                                <a href="progressRemind.html">进度节点提醒</a>
                            </dd>
                            <dd>
                                <a href="progressStatistic.html">项目情况统计</a>
                            </dd>
                            <dd>
                                <a href="progressForm.html">进度报表分析</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">资源管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="resourcePlan.html">计划资源使用管理</a>
                            </dd>
                            <dd>
                                <a href="resourceActual.html">实际施工使用管理</a>
                            </dd>
                            <dd>
                                <a href="resoyrceStatistic.html">资源情况统计</a>
                            </dd>
                            <dd>
                                <a href="resourcsForm.html">进度资源报表分析</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">成本管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="costBudget.html">项目施工预算</a>
                            </dd>
                            <dd>
                                <a href="costExpense.html">费用报销填报</a>
                            </dd>
                            <dd>
                                <a href="costActual.html">实际成本</a>
                            </dd>
                            <dd>
                                <a href="corstAnalysis.html">项目盈亏分析</a>
                            </dd>
                            <dd>
                                <a href="costExamine.html">施工预算审核</a>
                            </dd>
                            <dd>
                                <a href="costExaminemoney.html">费用报销审核</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">质量管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="qualityFill.html">质量巡检填报</a>
                            </dd>
                            <dd>
                                <a href="qualityQuery.html">质量巡检查询</a>
                            </dd>
                            <dd>
                                <a href="qualityEngineering.html">工程整改填报</a>
                            </dd>
                            <dd>
                                <a href="qualityEngineeringQuert.html">工程整改查询</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">项目现场查询</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="quertManagement .html">管理人员查询</a>
                            </dd>
                            <dd>
                                <a href="quertMachinery.html">施工人员查询</a>
                            </dd>
                            <dd>
                                <a href="quertConstruction.html">投入机械查询</a>
                            </dd>
                            <dd>
                                <a href="quertMaterial.html">投入材料查询</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">门禁系统管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="javascript:;">手动模式</a>
                            </dd>
                            <dd>
                                <a href="javascript:;">自动模式</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">考勤管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="attendanceManage.html">请假管理</a>
                            </dd>
                            <dd>
                                <a href="attendanceRecord.html">考勤记录</a>
                            </dd>
                            <dd>
                                <a href="attendanceSet.html">考勤参数</a>
                            </dd>
                            <dd>
                                <a href="attendanceStatistics.html">考勤统计</a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">系统管理</a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="systemMenu.html">菜单管理</a>
                            </dd>
                            <dd>
                                <a href="systemBm.html">部门管理 </a>
                            </dd>
                            <dd>
                                <a href="systemYg.html">员工管理</a>
                            </dd>
                            <dd>
                                <a href="systemJs.html">角色管理</a>
                            </dd>
                            <dd>
                                <a href="systemYh.html">用户管理</a>
                            </dd>
                            <dd>
                                <a href="javascript:;">数据字典</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div class="nav">
                <div class="projectnav">
                    <!-- 搜索区域 -->
                    <div class="p-statistics-header b-f">
                        <form class="layui-form" action="">
                            <ul>
                                <li class="layui-container p-statistics-li">
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">项目名称</label>
                                        <div class="layui-input-inline inputewidth">
                                            <select name="modules" lay-verify="required" lay-search="">
                                                <option value="">请搜索</option>
                                                <option value="1">layer</option>
                                                <option value="2">form</option>
                                                <option value="3">layim</option>
                                                <option value="4">element</option>
                                                <option value="5">laytpl</option>
                                                <option value="6">upload</option>
                                                <option value="7">laydate</option>
                                                <option value="8">laypage</option>
                                                <option value="9">flow</option>
                                                <option value="10">util</option>
                                                <option value="11">code</option>
                                                <option value="12">tree</option>
                                                <option value="13">layedit</option>
                                                <option value="14">nav</option>
                                                <option value="15">tab</option>
                                                <option value="16">table</option>
                                                <option value="17">select</option>
                                                <option value="18">checkbox</option>
                                                <option value="19">switch</option>
                                                <option value="20">radio</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">任务名称</label>
                                        <div class="layui-input-inline inputewidth">
                                            <input type="text" name="number" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">开始时间</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="date" id="timestart" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">结束时间</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="date" id="timeend" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </li>
                                <li class="layui-container p-statistics-li">
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">提醒状态</label>
                                        <div class="layui-input-inline inputewidth">
                                            <select name="modules" lay-verify="required" lay-search="">
                                                <option value="">请搜索</option>
                                                <option value="1">layer</option>
                                                <option value="2">form</option>
                                                <option value="3">layim</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-inline layui-col-md3">
                                        <label class="layui-form-label">提醒时间</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="date" id="timeout" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="btn layui-col-md3 text-center center">
                                        <button class="layui-btn  layui-btn-normal  ">查询</button>
                                        <button class="layui-btn ">导出</button>
                                        <button class="layui-btn   layui-bg-cyan">打印</button>
                                    </div>


                                </li>
                            </ul>
                        </form>
                    </div>
                    <!-- 表格区域 -->
                    <div class="p-statistics-list b-f">
                        <table class="layui-table" lay-size="sm">
                            <thead>
                                <tr>
                                    <th>任务名称</th>
                                    <th>工程总量</th>
                                    <th>剩余工程量</th>
                                    <th>开始时间</th>
                                    <th>结束时间</th>
                                    <th>提醒周期</th>
                                    <th>提前提醒</th>
                                    <th>提醒状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html ">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期 </button>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期 </button>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html ">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期 </button>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html ">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期 </button>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html ">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期</button>
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>挖方</td>
                                    <td>600平</td>
                                    <td>175平</td>
                                    <td>2017.11.11</td>
                                    <td>2016.11.29</td>
                                    <td>月</td>
                                    <td>7天</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="remindTime.html ">
                                            <button class="layui-btn  layui-btn-normal">设置提醒周期 </button>
                                        </a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="layui-box layui-laypage layui-laypage-default block center" id="layui-laypage-10 ">
                            <span class="layui-laypage-count">共 100 条</span>
                            <a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a>
                            <span class="layui-laypage-curr">
                                <em class="layui-laypage-em"></em>
                                <em>1</em>
                            </span>
                            <a href="javascript:;" data-page="2">2</a>
                            <a href="javascript:;" data-page="3">3</a>
                            <a href="javascript:;" data-page="4">4</a>
                            <a href="javascript:;" data-page="5">5</a>
                            <span class="layui-laypage-spr">…</span>
                            <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="10">10</a>
                            <a href="javascript:;" class="layui-laypage-next" data-page="2">下一页</a>
                            <span class="layui-laypage-skip">到第
                                <input type="text" min="1" value="1" class="layui-input">页
                                <button type="button" class="layui-laypage-btn">确定</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-footer center b-f">
            <!-- 底部固定区域 -->
            中建交通BIM系统
        </div>
    </div>

    <script src="./layui/layui.all.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>